<%--
  Created by IntelliJ IDEA.
  User: 76554
  Date: 2023/4/27
  Time: 23:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        /* .div1{
            border: 1px solid red;
            width: 285px;
        } */
        .div1{
            background-color: #E7C499;
        }
        .div3{
            border: 1px solid #FFFFFF;
            width: 285px;
            height: 42px;
            background-color: #B0B8D1;
        }
        .div2{
            border: 1px solid #FFFFFF;
            width: 285px;
            height: 34px;
            background-color: #C8D2EE;
            font-size: px;
        }
        .div2:hover{
            background-color: #F1B221;
        }
        .div2 a{
            position: relative;
            left: 40px;
            top: 4px;
        }
        .div3 h3{
            position: relative;
            left: 20px;
            top: -11px;
        }
        div{
            cursor: pointer;
            line-height: 25px;
            font-family: 微软雅黑;

        }
        .class1{
            line-height: 30px;
            position: relative;
            left: 42px;
            top: 0px;
            background-color: #E7C499;
        }
        .class1 a{
            border: 0px solid red;
            width: 285px;
            height: 34px;
            background-color: #E7C499;
            text-decoration: none;
            color: #000000;
        }
        .class1 a:hover{
            background-color: #FFFFFF;
        }
        body{
            background-color: #FFFFFF;
        }
    </style>
    <script>
        function showDiv(id){
            var obj=document.getElementById(id);
            if(obj.style.display=="none"){
                obj.style.display="block";
            }else{
                obj.style.display="none";
            }
        }
    </script>
</head>
<body style="background-color: #D1D8E2;">
<div class="div1">
    <div class="div3"><h3>系统操作菜单</h3></div>

    <!--第一个菜单-->
    <div class="div2">
        <a onclick="showDiv('1')" style="font-size: 17px;">
            挂号管理
        </a>
    </div>
    <div id="1" style="font-size: 17px;display: none;" class="class1">
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;挂号服务</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;查询挂号信息</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;修改挂号信息</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;删除挂号信息</a><br>
    </div>

    <!--第二个菜单-->
    <div class="div2">
        <a onclick="showDiv('2')" style="font-size: 17px;">
            病人管理
        </a>
    </div>
    <div id="2" style="font-size: 17px;display: none;"class="class1">
        <a href="luru.jsp" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病人信息录入</a><br>
        <a href="/showBrxx" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病人信息查询</a><br>
        <a href="/showedit1" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病人信息修改</a><br>
        <a href="/showedit1" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病人信息删除</a><br>
    </div>

    <!--第三个菜单-->
    <div class="div2">
        <a onclick="showDiv('3')" style="font-size: 17px;">
            药品管理
        </a>
    </div>
    <div id="3" style="font-size: 17px;display: none;"class="class1">
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;添加药品信息</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;药品信息查询</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;修改药品信息</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;删除药品信息</a><br>
    </div>

    <div class="div2">
        <a onclick="showDiv('4')" style="font-size: 17px;">
            病例管理
        </a>
    </div>
    <div id="4" style="font-size: 17px;display: none;"class="class1">
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;新增病例</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病例详细信息查询</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病例修改</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;病例删除</a><br>
    </div>

    <div class="div2">
        <a onclick="showDiv('5')" style="font-size: 17px;">
            用户管理
        </a>
    </div>
    <div id="5" style="font-size: 17px;display: none;"class="class1">
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;用户添加</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;用户查询</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;用户修改</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;用户删除</a><br>
    </div>

    <div class="div2">
        <a onclick="showDiv('6')" style="font-size: 17px;">
            医院论坛
        </a>
    </div>
    <div id="6" style="font-size: 17px;display: none;"class="class1">
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;发表</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;编辑消息</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;论坛信息</a><br>
        <a href="#" target="rightframe"><img src="res/img/2.gif">&nbsp;&nbsp;查询信息</a><br>
    </div>
</div>
</body>
</html>
